<!DOCTYPE html>
<html lang="en">
    <head lang="en">
        <meta charset="utf-8" />
        <title>fonthtml</title>
                <link type="text/css" rel="stylesheet" href="basic.css"/>
        <link type="text/css" rel="stylesheet" href="fontcss.css"/>
    </head>
    <body>
        <ul class="icon-list">
            <li><i class="font-icon icon-like shadow"></i></li>
            <li><i class="font-icon icon-spinner spinners"></i></li>
            <li><i class="font-icon icon-heart love"></i></li>
        </ul>
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
	<script>
		$(".love").on("click",function(){
			var $this = $(this);
			$this.addClass("btn-activated")
			setTimeout(function(){
				$this.removeClass("btn-activated")
			},500)
		})
	</script>
    </body>
</html>